// @ts-nocheck
import { useEffect, useState } from "preact/hooks";
import "./app.css";
import "./components/index";
import { h, render } from "preact";

export function App() {
  // useEffect(() => {
  //   const el = document.querySelector("#area");
  //   el.value = "213";
  //   el?.addEventListener("change", (e) => {
  //     console.log("add的change:", e.target.value);
  //   });
  // }, []);

  // const [val, setVal] = useState("213");
  // const change = (e) => {
  //   console.log("选项：", e.detail);
  //   setVal(e.target.value);
  // };

  return (
    <>
      {/* <my-input></my-input> */}
      <div>
        <div style="display:flex;">
          {/* <area-select
            key={1}
            value={val}
            id="area"
            filed-label="areaCodeForPlusSign"
            onChange={(e) => change(e)}
            readonly="true"
            disabled="true"
            width="300px"
            height="40px"
          >
            <div slot={"icon"}>9</div>
          </area-select>
          <area-select key={2} lang="EN"></area-select> */}
          <wx-chat-his></wx-chat-his>
        </div>
        <div>
          {/* <webview-panel></webview-panel> */}
        </div>
      </div>
    </>
  );
}
